
{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:layout name="Default" />

This Template is responsible for creating a table of domain objects.

If you modify this template, do not forget to change the overwrite settings
in /Configuration/ExtensionBuilder/settings.yaml:
  Resources:
    Private:
      Templates:
        List.html: keep

Otherwise your changes will be overwritten the next time you save the extension in the extension builder

<f:section name="main">

<f:flashMessages renderMode="div" />

<h2><f:link.action action="list">Back to list</f:link.action></h2>

<f:for each="{image.files}" as="imagee" iteration="c">
<f:alias map="{originalFile: imagee.originalResource.originalFile, properties:imagee.originalResource.originalFile.properties}">
	<f:if condition="{c.isFirst}">
	<article id="photo-{imagee.uid}" class="post type-post format-standard has-post-thumbnail category-photo">
		<h2 class="entry-title image-title">{imagee.originalResource.title}</h2>

		<a class="fancybox featured-image" rel="group-{post.uid}" href="<f:uri.image src="{f:cObject(typoscriptObjectPath: 'lib.mask', data: '{originalFile.storage.configuration.basePath}{originalFile.identifier}')}" />">
			<f:image src="{f:cObject(typoscriptObjectPath: 'lib.mask', data: '{originalFile.storage.configuration.basePath}{originalFile.identifier}')}" width="1600" maxHeight="1200" class="attachment-large-image wp-post-image" alt="{imagee.originalResource.title}" />
		</a>						
							
		<div class="box-wrap">
			<div class="box">
				<header>
					<div class="date-title">
						<span class="pull-left"><i class="fa fa-clock-o"></i>  <f:cObject typoscriptObjectPath="lib.date">{originalFile.properties.content_creation_date}</f:cObject> </span>
							<span class="pull-right">
								<i class="fa fa-map-marker"></i> <f:render partial="Image/GPS" arguments="{properties:properties, type:'road'}" />
							</span>
					</div>
					<blockquote><p style="text-align: center;">					<f:if condition="{properties.focal_length} == 35">
						<f:then><b>{properties.focal_length}mm</b></f:then>, Tags list, Tags list, Tags list, Tags list, Tags list
						<f:else>{properties.focal_length}mm</f:else>
						</f:if>
						, {properties.camera_model}
					</p></blockquote>
					<f:if condition="{properties.description}"><p class="description">{properties.description}</p></f:if>
					
	</f:if>
	<f:if condition="{c.cycle} != 1">
		<f:if condition="{c.cycle} == 2">
						<h3>Other pictures</h3>
						<div class='gallery'>
		</f:if>
							<div class="tiled-gallery-item tiled-gallery-item-large"> 
								<a class="fancybox" rel="group-{post.uid}" href="<f:uri.image src="{f:cObject(typoscriptObjectPath: 'lib.mask', data: '{originalFile.storage.configuration.basePath}{originalFile.identifier}')}" />">
								<f:image src="{f:cObject(typoscriptObjectPath: 'lib.mask', data: '{originalFile.storage.configuration.basePath}{originalFile.identifier}')}" width="300" maxHeight="300" class="attachment-thumbnail" alt="{imagee.originalResource.title}" />
								</a>
							</div>

		<f:if condition="{c.isLast}">
							<br style="clear: both" />
						</div>
		</f:if>
	</f:if>	
	<f:if condition="{c.isLast}">	
					<p class="pull-left">
						<a href="https://www.facebook.com/sharer/sharer.php?u=<f:format.htmlspecialchars><f:uri.action action="show" arguments="{image:image}" absolute="1" /></f:format.htmlspecialchars>" target="_blank">
							<span class='share-button' style="background-image: url(typo3conf/ext/lifein35/Resources/Public/img/facebook_32.png);"></span>
						</a>
						<a href="https://plus.google.com/share?url=<f:format.htmlspecialchars><f:uri.action action="show" arguments="{image:image}" absolute="1" /></f:format.htmlspecialchars>" target="_blank">
							<span class='share-button' style="background-image: url(typo3conf/ext/lifein35/Resources/Public/img/googleplus_32.png);"></span>
						</a>
					</p>
				</header>

			</div><!-- box -->
		</div><!-- box wrap -->	
		
	</article><!-- post-->	
	</f:if>
</f:alias>
</f:for>

</f:section>